//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//

import { mapActions, mapGetters } from "vuex";
import template from "./avaterPageTemplate";
const { render, staticRenderFns } = template;

export default {
  render,
  staticRenderFns,
  data() {
    return {
      avatarList: [],
      nowId: "",
    };
  },
  created() {
    this._getDefaultImg();
  },
  computed: {
    ...mapGetters(["userInfo"]),
  },
  methods: {
    ...mapActions(["SET_USER_INFO_DATA"]),
    imgSelected(id) {
      this.nowId = id;
    },
    _saveDefaultAvatar() {
      let vm = this;
      var params = {};
      params.token = localStorage.getItem("token");
      params.avatar_url = vm.avatarList.find((item) => {
        return item.id == vm.nowId;
      }).avatar_url;
      vm.$http
        .post(vm.urlRequest + "?m=api&c=user&a=saveDefaultAvatar", params)
        .then((res) => {
          if (res.status == 0) {
            let temp = vm.userInfo;
            temp.avatar = res.avatar_url;
            vm.SET_USER_INFO_DATA({
              Obj: temp,
            });
            vm.$vux.toast.text("保存成功", "buttom");
            vm.$router.go(-1);
          } else {
            vm.$vux.toast.text(res.msg, "buttom");
          }
        });
    },
    _getDefaultImg() {
      let vm = this;
      let params = {};

      params.token = localStorage.getItem("token");
      params.avatar_num = "9";
      vm.$http
        .post(vm.urlRequest + "?m=api&c=avatar&a=avatarList", params)
        .then((res) => {
          if (res.status == 0) {
            vm.avatarList = res.avatar_list;
          } else {
            vm.$vux.toast.text(res.msg, "buttom");
          }
        });
    },
  },
};

// WEBPACK FOOTER //
// ./src/components/personalCenter/personal/avaterPage.vue
